@import "./color.scss";
@import "./font.scss";

html,
body {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	font-size: $font-1-size;
	color: $font-2-color;
	background-color: $white-color;
}

html {
	> body {
		margin: 0;
	}
}

.drag {
	user-select: none;
	-webkit-app-region: drag;
}

.nodrag,
button {
	-webkit-app-region: no-drag;
}

// .app-drag {
// 	user-select: none;
// 	-webkit-user-select: none;
// 	app-region: drag;
// 	-webkit-app-region: drag;
// }

.flex {
	display: flex;

	&.row {
		flex-direction: row;

		> .fit {
			flex: 1 1 100%;
			width: 0;
			height: 100%;
		}
	}

	&.col {
		flex-direction: column;

		> .fit {
			flex: 1 1 100%;
			width: 100%;
			height: 0;
		}
	}

	&.center {
		align-items: center;
		justify-content: center;
	}

	> * {
		flex: 0 0 auto;
	}
}
